body,#all,#page1
	{
		width:100%;
		height:100%;
		padding:0px;
		margin:0px;
		background:url('../img/bg/1 (47).jpg') no-repeat;
	}
	
	#chat
	{
		display:none;
		position:absolute;
		top:100px;
		left:100px;
		border:1px solid black;
		width:900px;
		height:470px;
		margin:0px;
		padding:0px;
		border-radius:5px;
		-moz-box-shadow:2px 2px 4px #666666;
		-webkit-box-shadow:2px 2px 4px #666666;
	}
	#bar
	{
	cursor:move;
		height:20px;
		width:100%;
		background-color:gray;
	}
	#chating
	{
		
		float:left;
		border-right:1px solid black;
		width:149px;
		height:450px;
		background-color:gray;
		overflow:auto;
	}
	.ischat
	{
		overflow:hidden;
		display:block;
		border-radius:4px;
		background-color: #4D90FE;
		padding:5px 10px;
		border:1px solid #3079ED;
		
	}
	.ischat:hover,#mainboard:hover
	{
		cursor:pointer;
	}
	.cut_chat
	{
		
		float:left;
		border-right:1px solid black;
		width:499px;
		height:450px;
	}
	.page
	{
	
	}

	.chat_top
	{
		width:100%;
		height:79px;
		border-bottom:1px solid gray;
	}
	.chat_box
	{
		width:100%;
		height:299px;
		border-bottom:1px solid gray;
		margin:0px auto;
		overflow:auto;
	}

	
.demo
{
    padding-left:10px;
    position:relative;
}
.article
{
	margin-bottom:15px;
    float:left;
    color:#FFF;
    display:inline-block;
    
    padding:5px 10px;
    border:1px solid #3079ED;
    background:#eee;
    border-radius:5px;
    background-color: #4D90FE;
	max-width:195px;

}
.fr { padding-left:0px; padding-right:10px; }

.fr .article 
{
    float:right;
	background-color: red;
}
.clearfix
{
	clear:both;
}
	.chat_input
	{
		width:100%;
		height:170px;
		
	}
	.chat_input .input
	{
		resize: none;
	}
	.input
	{
		float:left;
		width:398px;
		height:65px;
		margin:0px;
		border-right:1px solid gray;
	}
	.send
	{
		float:left;
		width:95px;
		height:70px;
		margin:0px;
		background-color:lightblue;
		font-size:40px;
	}
	.send:hover
	{
		font-size:45px;
		cursor:pointer;
	}
	#chat_log
	{
		float:left;
		width:250px;
		height:450px;
		background-color:gray;
	}
	.timeline,.dateline
	{
		height:15px;
		width:100%;
		text-align:center;
		clear:both;
		margin:20px 0px;
	}
	
	
	

/*透明玻璃效果*/
	.whiteglass
	{
		position:fixed;
		z-index:1000;
		bottom:0px;
		left:0px;
		width:100%;
		height:31px;
		background:green;
		opacity:0.3;
		filter:alpha(opacity=30);
	}




	.glass
	{
		position:fixed;
		z-index:1001;
		bottom:0px;
		left:0px;
		width:100%;
		height:30px;
		background:#333333;
		border-top:0.5px solid white;
		opacity:0.6;
		filter:alpha(opacity=60);

	}

	#bottombar
	{
		position:fixed;
		z-index:1002;
		bottom:0px;
		left:0px;
		width:100%;
		height:31.5px;
		font-family:"微软雅黑";
		font-size:14px;
		font-weight:lighter;
		color:white;

		border-top:1px solid gray;
		-moz-box-shadow: 0px 4px 20px #666666;  
		-webkit-box-shadow: 0px 4px 20px #666666;   
		box-shadow: 0px 4px 20px #666666;
		
	}
	#bottombar:hover
	{
		cursor:default;
	}
	
	#start
	{
		float:left;
		margin-left:10px;
		line-height:30px;
		width:48px;
		height:48px;
		margin-top:-16px;
		background:url(../img/winblue48.png)center center no-repeat;
	}
	#start:hover
	{
		background:url(../img/win48.png)center center no-repeat;
	}

	#appcnt
	{
		height:100%;
		width:140px;
		float:right;
		line-height:30px;
	}


	#sysapp
	{
		float:right;
		height:100%;
		width:150px;
	}
	#showdesk
	{
		float:right;
		height:30px;
		margin-top:-1px;
		width:14px;
		border:1px solid #999;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		background-image:-webkit-linear-gradient(315deg, white, #666,#666,white);
		background-image:linear-gradient(315deg, white, #666,#666,white);
		background-image:-moz-linear-gradient(315deg, white, #666,#666,white);

	}
	#showdesk:hover
	{
		background-image:-webkit-linear-gradient(180deg, white, #999,#999,white);
		background-image:linear-gradient(180deg, white,#999,#999,white);
		background-image:-moz-linear-gradient(180deg, white, #999,#999,white);
		opacity:0.7;
		filter:alpha(opacity=70);
	}

	#clockico
	{
		margin-right:2px;
		width:56px;
		height:100%;
		text-align:center;
		font-size:13px;
		line-height:30px;
	}
	#soundico,#musicico
	{
		margin-right:4px;
		width:30px;
		height:30px;
		
	}
	.soundon
	{
		background:url(../img/sound_on.png) center center no-repeat;
	}
	.soundoff
	{
		background:url(../img/sound_off.png) center center no-repeat;
	}
	#musicico
	{
		
	}
	
	#clockico,#soundico,#musicico
	{
		float:right;
		border-left:1px solid transparent;
		border-right:1px solid transparent;
	}

	#clockico:hover,#soundico:hover,#musicico:hover
	{

		-moz-border-left-image: url(../img/chatframe/ButtomBtn_SplitLine.png) 0 14 0 14 stretch; /* Old Firefox */
-webkit-border-left-image: url(../img/chatframe/ButtomBtn_SplitLine.png) 0 14 0 14 stretch; /* Safari */
-o-border-left-image: url(../img/chatframe/ButtomBtn_SplitLine.png) 0 14 0 14 stretch; /* Opera */
border-left-image: url(../img/chatframe/ButtomBtn_SplitLine.png) 0 14 0 14 stretch;
	}


	#appcnt .appico
	{
		float:right;
		margin-right:4px;
		margin-top:4px;
		width:18px;
		height:16px;
		
	}
	#appcnt .appico img
	{
		width:16px;
		height:16px;
		border-left:1px solid transparent;
		border-right:1px solid transparent;
	}
	#appcnt .appico img:hover
	{
		border-left:1px solid #999;
		border-right:1px solid #999;
	}


	#tinycontent
	{
		
		margin-left:70px;
		margin-right:290px;
		height:31px;
		
	}
	.tinycnt
	{
		float:left;
		margin-left:1px;
		
		margin-top:-1px;
		line-height:31px;
		font-size:14px;
		width:160px;
		height:100%;
		border:1px solid #666;
		overflow: hidden;			/*溢出隐藏并禁止进度条*/
		text-overflow: ellipsis;
		white-space: nowrap;

		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		vertical-align:100%;
	
	}
	.tinycnt img
	{
		vertical-align:middle;
		width:22px;
		height:22px;
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		
		margin-left:10px;
		margin-right:4px;
	}
	.tinycnt:hover
	{
		background-image:-webkit-linear-gradient(180deg, white, #999,white);
		background-image:linear-gradient(180deg, white,#999,white);
		background-image:-moz-linear-gradient(180deg, white, #999white);
		opacity:0.8;
		filter:alpha(opacity=80);
	}
	.tinynone
	{
		background-image:-webkit-linear-gradient(170deg, white, #666, #666,white);
		background-image:linear-gradient(170deg, white, #666, #666,white);
		background-image:-moz-linear-gradient(170deg, white, #666, #666,white);
		opacity:0.6;
		filter:alpha(opacity=60);
	}
	.tinyshow
	{
		background-image:-webkit-linear-gradient(180deg, white, #999,white);
		background-image:linear-gradient(180deg, white, #999,white);
		background-image:-moz-linear-gradient(180deg, white, #999,white);
		opacity:0.7;
		filter:alpha(opacity=70);
	}
	




/*滚动条 显示滚动条时必须预留14px宽度*/



.scroll_topstep,.scroll_topstepbtn,.scroll_bottomstep,.scroll_bottomstepbtn,.scroll_totop,.scroll_tobottom
{
	width:12px;
	height:12px;
	margin:0;
	padding:0;
}
.scroll_topstepbtn
{
	background:url('../img/scrollbar/arrow_up_normal.png')center center no-repeat;
}

.scroll_topstepbtn:hover
{
	background:url('../img/scrollbar/arrow_up_hover.png')center center no-repeat;
}

.scroll_bottomstepbtn
{
	background:url('../img/scrollbar/arrow_down_normal.png')center center no-repeat;
}

.scroll_bottomstepbtn:hover
{
	background:url('../img/scrollbar/arrow_down_hover.png')center center no-repeat;
}
.scroll_totop
{
	background:url('../img/scrollbar/arrow_aio_up_normal.png')center center no-repeat;
}
.scroll_totop:hover
{
	background:url('../img/scrollbar/arrow_aio_up_focus.png')center center no-repeat;
}

.scroll_tobottom
{
	background:url('../img/scrollbar/arrow_aio_down_normal.png')center center no-repeat;
}

.scroll_tobottom:hover
{
	background:url('../img/scrollbar/arrow_aio_down_focus.png')center center no-repeat;
}





/*简化滚动条样式，滚动条内框必须根据容器高度减24px手动计算*/
.simplescrollframe
{
	position:absolute;
	top:0;
	right:1px;
	width:12px;
	height:100%;

	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*进度条内的上下步进按钮默认隐藏 .scrollframe hover时显示out时隐藏-------------------------*/
.scroll_bottomstepbtn,.scroll_topstepbtn
{
	display:none;
}

.simplescrollframe:hover .scroll_topstepbtn,.simplescrollframe:hover .scroll_bottomstepbtn
{
	display:block;	
}

/*进度条内框 根据进度条框高度-24px/-48px调整 ----------------------*/
.simplescrollframe .scroll_scrollbar
{
	position:relative;
	top:0;
	left:0;
	width:10px;
	margin:0 auto;
	/*height:268px;*//*进度条高度根据内容框调整*/
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	filter:alpha(opacity=30); 
	-moz-opacity:0.3; 
	opacity:0.3;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;

}


/*进度条滚动块 高度根据内容调整       默认隐藏，chatbox hover时显示，out时隐藏 字体设置时从新设置高度----------------------*/
.simplescrollframe .scroll_scrollbar .scroll_scrollblock
{
	position:relative;
	top:0px;
	left:0;
	width:100%;
	/*height:50px;	*/	
	background:#666;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}
.simplescrollframe:hover .scroll_scrollbar
{
	background:#999;
}
.simplescrollframe:hover .scroll_scrollbar .scroll_scrollblock
{
	background:#333;
}
.simplescrollframe .scroll_scrollbar:hover .scroll_scrollblock:hover
{
	background:black;
}







/*完整滚动条样式，滚动条内框必须根据容器高度减48px手动计算*/
.entirescrollframe
{
	position:absolute;
	top:0;
	right:1px;
	width:12px;
	height:100%;

	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}

.entirescrollframe .scrollframecnt
{
	width:100%;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
	
	/*height:268px;*/
}



/*进度条内框 根据进度条框高度-24px/-48px调整 ----------------------*/
.entirescrollframe .scrollframecnt .scroll_scrollbar
{
	position:relative;
	top:0;
	left:0;
	width:10px;
	margin:0 auto;
	/*height:244px;*/   /*进度条高度根据内容框调整*/
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	filter:alpha(opacity=30); 
	-moz-opacity:0.3; 
	opacity:0.3;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;

}

/*进度条内的上下步进按钮默认隐藏 .scrollframe hover时显示out时隐藏-------------------------*/
.scroll_bottomstepbtn,.scroll_topstepbtn
{
	display:none;
}

.entirescrollframe .scrollframecnt:hover .scroll_topstepbtn,.entirescrollframe .scrollframecnt:hover .scroll_bottomstepbtn
{
	display:block;	
}


/*进度条滚动块 高度根据内容调整       默认隐藏，chatbox hover时显示，out时隐藏 字体设置时从新设置高度----------------------*/
.entirescrollframe .scrollframecnt .scroll_scrollbar .scroll_scrollblock
{
	position:relative;
	top:0px;
	left:0;
	width:100%;
	/*height:50px;*/	
	background:#666;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}
.entirescrollframe .scrollframecnt:hover .scroll_scrollbar
{
	background:#999;
}
.entirescrollframe .scrollframecnt:hover .scroll_scrollbar .scroll_scrollblock
{
	background:#333;
}
.entirescrollframe .scrollframecnt .scroll_scrollbar:hover .scroll_scrollblock:hover
{
	background:black;
}



/*微型滚动条*/

.tinyscroll
{
	position:absolute;
	top:0;
	right:1px;
	width:8px;
	height:100%;
}
.tinyscroll .tinyscrollblock
{
	position:relative;
	top:0;
	left:0;
	width:6px;
	
	background:#CCC;
	border:1px solid #999;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
.tinyscroll .tinyscrollblock:hover
{
	background:#666;
	border:1px solid #333;
}


/*正在加载图片设置*/

/*第一种样式*/
.loadingtips1
{
	width:100%;
	height:100%;
	background:url(../img/AddGroup/loading2.gif)center center no-repeat;
}














/*bar的颜色版与内容板全局设置*/

.bar_color
{
	width:100%;
	height:100%;
	position:absolute;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;

}
.bar_content
{
	width:100%;
	height:100%;
	position:absolute;
}






/*禁止操作面板*/
.displayboard
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/*用户等级ico*/

.userlevelicon_moon
{
	float:left;
	width:18px;
	height:18px;
	background:url(../img/ConfigCenter/grade.png)no-repeat;
	background-position:-36px 0;
}
.userlevelicon_sun
{
	float:left;
	width:18px;
	height:18px;
	background:url(../img/ConfigCenter/grade.png)no-repeat;
	background-position:-18px 0;
}
.userlevelicon_star
{
	float:left;
	width:18px;
	height:18px;
	background:url(../img/ConfigCenter/grade.png)no-repeat;
	background-position:-54px 0;
}
.userlevelicon_more
{
	float:left;
	width:18px;
	height:18px;
	background:url(../img/ConfigCenter/grade.png)no-repeat;
	background-position:-72px 0;
}
.userlevelicon_king
{
	float:left;
	width:18px;
	height:18px;
	background:url(../img/ConfigCenter/grade.png)no-repeat;
	background-position:0 0;
}